<vue-collapse :title="header">
    <div slot="content" class="p-l30">
        <el-form ref="form" :model="form" :rules="rules" label-width="80px" :disabled="isDisabled">
            <el-row>
                <el-col :span="24">
                    <el-form-item :label="$.i18n.get('process_name')" prop="name">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>
                </el-col>

            </el-row>
            <el-row>
                <el-col :span="24">
                    <el-form-item :label="$.i18n.get('process_desc')" prop="description">
                        <el-input type="textarea" v-model="form.description" maxlength="500" show-word-limit></el-input>
                    </el-form-item>
                </el-col>

            </el-row>
            <el-row v-if="isStart">
                <el-col :span="12">
                    <el-form-item :label="$.i18n.get('process_due_date')" prop="dueDate">
                        <el-date-picker type="date" placeholder="到期日期" v-model="form.dueDate" style="width: 100%;"
                            value-format="yyyy-MM-dd">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item :label="$.i18n.get('process_emergency_level')" prop="priority">
                        <el-select v-model="form.priority">
                            <el-option v-for="(item, i) in levelOption" :key="i" :value="item.value"
                                :label="item._displayCn">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </div>
</vue-collapse>